<title>- Pannello Addetto Reclami</title>
<%@ include file="init.jsp" %>
<%@ page import="java.util.List" %>
<%@ page import="java.util.Map" %>
<%@ page import="issr.market.decorators.DateDecorator" %>
<%@ page import="issr.market.model.Lotto" %>

<% 
	DateDecorator decorator = new DateDecorator();
	List<Lotto> lottiTrovati= (List<Lotto>)request.getAttribute("lottiTrovati");
	Map<String, Integer> qProdottiMap = (Map<String, Integer>)request.getAttribute("qProdottiMap");
	int step = (Integer)request.getAttribute("step")==null ? 1 : (Integer)request.getAttribute("step");
	
%>

<body>

<style>

	 fieldset input{
	 	width:auto !important;
	 }
	table thead tr td:nth-child(4){
		width:16px;
	}
</style>

<script>

	var idEntry = 1;
	
	function addEntry1(){
		idEntry++;
	
		$("#tableBody").append(
				"<tr id=\"entry-"+idEntry+"\">"+
				"<td><input type=\"text\" id=\"idLotti\" name=\"idLotti\" /></td>"+
				"<td><input type=\"text\" id=\"qProdotti\" name=\"qProdotti\" size='4' style='width:50px !important;'/></td>"+
				"<td style='vertical-align: middle; text-align: center;'><div class=\"delete-but\" onclick=\"removeEntry("+idEntry+")\" style=\"width:16px !important;\"></div></td>"+
			"</tr>");
	}
		
	function addEntry2(){
		idEntry++;
		
		$("#tableBody").append(
				"<tr id=\"entry-"+idEntry+"\">"+
				"<td><input type='text' id='idLotti' name='idLotti' /></td>"+
				"<td><input type=\"text\" id=\"idProdotti\" name=\"idProdotti\" /></td>"+
				"<td><input type='text' id='nomiProdotti' name='nomiProdotti' /></td>"+
				"<td><input type=\"text\" id=\"qProdotti\" name=\"qProdotti\" size='4' style='width:50px !important;'/></td>"+
				"<td><input type=\"text\" id=\"prezzi\" name=\"prezzi\" size=\"4\" /></td>"+
				"<td><input type=\"text\" id=\"dateScadenza\" name=\"dateScadenza\" value=\"gg/mm/aaaa\" /></td>"+				
				"<td style='vertical-align: middle; text-align: center;'><div class=\"delete-but\" onclick=\"removeEntry("+idEntry+")\" style=\"width:16px !important;\"></div></td>"+
			"</tr>");
		
	}	


	function removeEntry(id){
		$("#entry-"+id).remove();
		idEntry--;
	}
	
	var showRicevuta = true;
	
	function showRicevutaBox(){
		if(showRicevuta){
			$("#checkRicevutaForm").show("slow");
			showRicevuta = false;
		}
		else{
			$("#checkRicevutaForm").hide("slow");
			showRicevuta = true;
		}
	}
	
	function checkRicevuta(){
		var params = "_method=PUT&idRicevuta="+$("#idRicevuta").val();
		 $.ajax({
	         type: "POST",
	         url: "reclami/1",
	         data: params,
	         success: function(response){
	        	 		$("#checkRicevuta-box").html(response);
	                  }
	    });
	}
</script>

	<div align="center">
		<form style="width:400px; display: none;"  name="checkRicevutaForm" id="checkRicevutaForm" action="checkRicevuta" method="post">
			<fieldset>
				<legend>Controllo Validit&agrave; Ricevuta</legend>
				<div align="center" style="width:120px;" id="checkRicevuta-box"></div>
				<div>
					<label>ID Ricevuta</label>
					<input type="text" name="idRicevuta" id="idRicevuta" />
				</div>
				<div>
					<input style="width:auto;" type="button" name="checkRicevutaBut" id="checkRicevutaBut" value="Verifica" onclick="checkRicevuta()" />
				</div>
			</fieldset>
		</form>
		<div style="margin:10px;">
			<input type="button" name="checkRicevuta" id="checkRicevuta" value="Controllo Ricevuta" onclick="showRicevutaBox()"/>
		</div>
	</div><div class="clear" ></div>
	<div align="center">
		<form id="restituzioneForm" name="restituzioneForm" action="reclami" method="post">
			<input type="hidden" name="actionToDo" value="restituzioneProdotti" />
			<fieldset>
				<legend>Restituzione Prodotti</legend>
				<c:choose>
					<c:when test="<%=step==1%>">
						<input type="hidden" name="step" value="1" />
						<table id="restituzioneTable">
							<thead>
								<tr>
									<td><b>ID Lotto</b></td>
									<td><b>Quantit&agrave;</b></td>
								</tr>
							</thead>
							<tbody id="tableBody">
								<tr id="entry-1">
									<td><input type="text" id="idLotti" name="idLotti" /></td>
									<td><input type="text" id="qProdotti" name="qProdotti" size="4" style="width:50px !important;" /></td>
									<td style="vertical-align: middle; text-align: center;"><div class="delete-but" onclick="removeEntry(1)" style="width:16px !important;"></div></td>
								</tr>
							</tbody>	
						</table>		
					</c:when>
					<c:when test="<%=step==2%>">
						<input type="hidden" name="step" value="2" />
						<table id="restituzioneTable">
							<thead>
								<tr>
									<td><b>ID Lotto</b></td>
									<td><b>ID Prodotto</b></td>
									<td><b>Nome Prodotto</b></td>
									<td><b>Quantit&agrave;</b></td>
									<td><b>Prezzo</b></td>
									<td><b>Data Scadenza</b></td>
									
								</tr>
							</thead>
							<tbody id="tableBody">
								<%for(Lotto lotto : lottiTrovati){ %>
								<tr>
									<td>
										<input type="text" id="idLottoDis" name="idLottoDis" value="<%=lotto.getIdLotto() %>" disabled="disabled"/>
										<input type="hidden" id="idLotti" name="idLotti" value="<%=lotto.getIdLotto() %>" />
									</td>
									<td>
										<input type="text" id="idProdottoDis" name="idProdottoDis" value="<%=lotto.getProdotto().getIdProdotto() %>" disabled="disabled"/>
										<input type="hidden" id="idProdotti" name="idProdotti" value="<%=lotto.getProdotto().getIdProdotto() %>" />
									</td>
									<td>
										<input type="text" id="nomeProdottoDis" name="nomeProdottoDis" value="<%=lotto.getProdotto().getNomeProdotto() %>" disabled="disabled" />
										<input type="hidden" id="nomiProdotti" name="nomiProdotti" value="<%=lotto.getProdotto().getNomeProdotto() %>" />
									</td>
									<td>
										<input type="text" id="qProdottiDis" name="qProdottiDis" value="<%=qProdottiMap.get(lotto.getIdLotto()) %>" disabled="disabled" size="4" style="width:50px !important;"/>
										<input type="hidden" id="qProdotti" name="qProdotti" value="<%=qProdottiMap.get(lotto.getIdLotto()) %>" />
									</td>
									<td>
										<input type="text" id="prezzoDis" name="prezzoDis" value="<%=lotto.getProdotto().getPrezzoUnitario() %>" disabled="disabled" size="4" /> 
										<input type="hidden" id="prezzi" name="prezzi" value="<%=lotto.getProdotto().getPrezzoUnitario() %>" />
									</td>
									<td>
										<input type="text" id="dataScadenzaDis" name="dataScadenzaDis" value="<%=decorator.decorate(lotto.getDataScadenza(),null,null) %>" disabled="disabled"/>
										<input type="hidden" id="dateScadenza" name="dateScadenza" value="<%=decorator.decorate(lotto.getDataScadenza(),null,null) %>" />
									</td>
								</tr>
									
									
								<%} %>
								<tr id="entry-1">
									<td><input type="text" id="idLotti" name="idLotti" /></td>
									<td><input type="text" id="idProdotti" name="idProdotti" /></td>
									<td><input type="text" id="nomiProdotti" name="nomiProdotti" /></td>
									<td><input type="text" id="qProdotti" name="qProdotti" size="4" style="width:50px !important;"/></td>
									<td><input type="text" id="prezzi" name="prezzi" size="4" /></td>
									<td><input type="text" id="dateScadenza" name="dateScadenza" value="gg/mm/aaaa" /></td>
									<td style="vertical-align: middle; text-align: center;"><div class="delete-but" onclick="removeEntry(1)" style="width:16px !important;"></div></td>
								</tr>
							</tbody>	
						</table>
					</c:when>
				</c:choose>
			</fieldset>
			<div>
				<input type="button" name="add"	 value="Aggiungi Prodotto" onclick="addEntry<%=step%>()"/>
				<input type="submit" id="resituzioneButton" name="restituzioneButton" value="Invia" />
				<input type="checkbox" name="buonoCheck" id="buonoCheck" />Emetti Buono D'Acquisto
			</div><div class="clear"></div>
		</form>
	</div><div class="clear"></div>
	<div align="center" style="margin:10px;">
		<input type="button" name="checkBuonoAcq" id="checkBuonoAcq" value="Controllo Buono Acquisto" />
	</div>
	<div align="center" style="margin:10px;">
		<input type="button" name="annullamento" id="annullamento" value="Annullamento Transazioni" />
	</div>
</body>